// 使用TS+reactive实现一个小型局部的共享状态管理
import { reactive } from "vue"

// 1. 定义类型
type UserInfo = {
  name:string,
  mobile:string
}

// 2. 响应式数据
const userInfo:UserInfo = reactive({
  name:'',
  mobile: ''
})

// 3. 修改数据的方法
const setUserInfo  = (newUserInfo:UserInfo)=>{
  const {name,mobile} = newUserInfo
  userInfo.name  = name
  userInfo.mobile  = mobile
  // userInfo = newUserInfo  不能这么做
}

export  {userInfo,setUserInfo}